import React, { useState } from 'react'
import './collect.less'
import { NavBar } from 'react-vant'
export default function Collect(props) {
    const [data] = useState([
        '图片与视频', '链接', '文件', '音乐',
        '聊天记录', '语音', '笔记', '位置'
    ])
    return (
        <div className='Collect'>
            <header>
                <NavBar
                    title="我的收藏"
                    leftArrow
                    onClickLeft={() => {
                        props.history.go(-1)
                    }}
                />
            </header>
            <main>
                <div className='Navtop'>
                    {
                        data.map((item, index) => {
                            return <div key={index}>
                                <span>{item}</span>

                                {
                                    index === 3 || index === 7 ? null : <i>|</i>
                                }
                            </div>
                        })
                    }
                </div>
            </main>
        </div>
    )
}
